@extends('layout.home')

@section('youpian')
@endsection

@section('head-top')
@endsection

@section('return')
<p class="log">
    <a href="/">
        首页
    </a>
    <span>
    </span>
    <a href="/home/login">
        登录
    </a>
</p> 
@endsection
@section('content')
	<div class="container">
	<div class="register">
		
		<h2 style='font-size:34px;margin-left:-100px'>修改密码</h2>
		  	<form action='/home/forget' method="post"> 
				<div class="col-md-7 col-md-offset-3 register-top-grid" style='margin-bottom:70px'>
					<ul class="list-unstyled list-inline mation" >
						<li><span>邮&nbsp; &nbsp; 箱</span></li>
						<li><input type="text" name='email'></li>
						<li><span></span></li>
						
					</ul>
					<div class="clearfix"> </div>
				 	<ul class='list-unstyled list-inline'>
						<li style='margin-left:106px'>
						 	<div class="register-but">
						 		{{csrf_field()}}
						 		<button class='btn btn-info zhuce' style='width:100px;margin-left:60px'>修改密码</button>
								<div class="clearfix"> </div>
							</div>
						</li>
					</ul>
		   		</div>
		    </form>
	</div>

	<script src='/homes/js/jquery-1.8.3.min.js'></script>
	<script>
		$('input[name=email]').focus(function(){
			$(this).css('border','solid 1px blue');
			$(this).parent().next().show().html('输入邮箱账号').css('color','#888');
			CEMAIL = false;
		});
		$('input[name=email]').blur(function(){
			var v = $(this).val();
			var reg = /^\d{5,12}@qq.com$/;
			if(!reg.test(v)){
				$(this).css('border','solid 1px red');
				$(this).parent().next().html('邮箱格式有误,请重新输入').css('color','red');
				CEMAIL = false;
			}else{
				$(this).css('border','solid 1px #ddd');
				$(this).parent().next().show().html('√').css('color','green');
				CEMAIL = true;
			}
		});
	</script>
	@endsection